<template>
  <v-card title="堆叠柱状图">
    <v-alert message="配置需要堆叠的度量，下例为将不同分组下的 PV、UV 堆叠" type="info" showIcon class="mb-10"></v-alert>
    <vcu-chart-bar :data="chartData" :settings="settings" />
  </v-card>
</template>

<script>
export default {
  name: 'stack',
  data() {
    return {
      chartData: {
        dimensions: {
          name: 'week',
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
        },
        measures: [
          {
            name: 'PV',
            data: [256, 767, 1356, 2087, 803, 582, 432],
          },
          {
            name: 'UV',
            data: [287, 707, 1756, 1822, 987, 432, 322],
          },
        ],
      },
      settings: {
        stack: {
          sum: ['PV', 'UV'],
        },
      },
    }
  },
  methods: {},
  created() {},
}
</script>
<style lang="less" scoped>
</style>
